<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@include file="/views/common/include/taglib.jsp"%>
<%@include file="/views/common/include/head.jsp"%>
<head>
<style>
	.exit{border-radius:5px;width:320px;height:200px;}
	.exit .layui-layer-title{height:50px;background:#7ECFE0;line-height:50px;color:#fff;font-size:17px;text-align:center;border-radius:5px 5px 0 0;}
	.exit .layui-layer-setwin{top:15px;} .exit .layui-layer-btn a{height:35px;width:50px;line-height:35px;border-radius:2px;}.exit .layui-layer-btn0{background:#7ECFE0};
	.exit .layui-layer-btn1 .layui-layer-btn{background:#F5F3F4}.exit .layui-layer-content {font-size:15px;height:60px;}
	.house-add{border-radius:5px;}
    .house-add .layui-layer-title{height:50px;background:#7ECFE0;line-height:50px;color:#fff;font-size:17px;text-align:center;border-radius:5px 5px 0 0;}
    .house-add .layui-layer-setwin .layui-layer-close1{width:25px;height:25px;}.house-add .layui-layer-setwin{top:14px;}
    
    
    .a-underline{
    	text-decoration:underline
    }
</style>

<script type="text/javascript">
	var ctx = '${ctx}';
    function exit(){
        layer.confirm('确认注销?', {icon: 3, title:'提示',skin:'exit'}, function(index){
            $.get("${ctx}/exist",{},function(data){
            	data = JSON.parse(data);
                if(data.success){
                    location.href = "${ctx}";
                }
            });
            layer.close(index);
        });
    }

    function changeCell(title,url) {
    	url = ctx + url;
    	layer.open({
    		type: 2,
    		title: title,
    		content: url,
    		skin: "house-add",
    		area: ["320px","220px"]
	    });
    }
    
   /*  function showUnderline(target){
    	
//     	$(target).parent().addClass('a-underline');
    	$(target).parent().css({ "text-decoration":"underline" });
    	$(target).parent().siblings().css({ "text-decoration":"none" });
    }
     */
    $(function(){
    	var item1 = $('#item1').val();
    	var item = $('#item').val();
    	if(null == item1){
    		item1 = 1;
    	}
    	$('#menu').find('a').each(function(index){
    		if((index+1) == item1) {
    			$(this).css({ "border-bottom": "2px solid #fff ","text-decoration":"none" });
    		} else {
    	    	$(this).css({ "text-decoration":"none" });
    		}
    	});
    	
    	/* if(null == item){
    		item = 1;
    	} */
    	$('#menu').find('a').each(function(index){
    		if((index+1) == item) {
    			$(this).css({ "border-bottom": "2px solid #fff ","text-decoration":"none" });
    		} else {
    	    	$(this).css({ "text-decoration":"none" });
    		}
    	});
    })
</script>

</head>
<body>
<div class="headerbg">
    <div class="contentboxh">
        <div class="padd">
            <div id="logo">
                <img src="${ctx}/images/page/logoheader.png" />
            </div>
            <div class="midd">
                <div class="areainput">
                    <input class="xiaoqu float" type="text" value="${sessionScope.owner_cell_info.cellName}"></input>
                    <button class="change float" onclick = "changeCell('切换小区','/ownerHouse/changeCell')">切换小区</button>
                    <input type="hidden" id="item1" value="${item}"/>
                </div>
            </div>
            <div id="menu">
                <ul>
                    <li><a href="${ctx}/main?item=1" >首页</a></li>
                    <li><a href="${ctx}/main?item=2" >资讯</a></li>
                    <li><a href="${ctx}/main?item=3" >物业</a></li>
                    <li><a href="${ctx}/main?item=4" >商城</a></li>
                    <li><a href="${ctx}/main?item=5" >投诉建议</a></li>
                    <li><a href="${ctx}/main?item=6" >个人中心</a></li>
                    <li><span class="userpic" href=""><span style="color:#fff;"><img
                                src="${ctx}/images/page/rw.png">${sessionScope.user_login.username}</span></span></li>
                    <li><a href="javascript:exit()">[退出]</a></li>
                </ul>
            </div>
        </div>
    </div>
</div>
</body>